<template>
	<view class="wid90 mar mar-top20 borRad20" style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0,0,0,0.1);padding: 25rpx 0;">
		<view class="wid95 mar">
			<view class="hei60 dis disAl disJuB">
				<view class="fowe600 foSi30">推荐技师</view>
				<view class="dis disAl foSi20" style="color: #878787;" @click="tiaozhuan('/pages/technician/technician',0)">
					<view class="mar-right10">查看更多</view>
					<uni-icons type="right" size="22rpx" color="#878787"></uni-icons>
				</view>
			</view>
			<view class="dis mar-top10 foSi20" style="color: #8B8B8B;">
				<view class="dis disAl">
					<uni-icons custom-prefix="iconfont" size="26rpx" :color="theme.main_color"
						type="icon-quanjudengjiguanli"></uni-icons>
					<!-- <image src="../../static/yiqianyue.png" style="width: 20rpx;height: 22rpx;margin-right: 6rpx;"></image> -->
					<view>签约商家</view>
				</view>
				<view class="dis disAl mar-left10">
					<uni-icons custom-prefix="iconfont" size="26rpx" :color="theme.main_color"
						type="icon-dangan"></uni-icons>
					<!-- <image src="../../static/jiangkangdangan.png" style="width: 22rpx;height: 22rpx;margin-right: 6rpx;"></image> -->
					<view>健康档案</view>
				</view>
				<view class="dis disAl mar-left10">
					<uni-icons custom-prefix="iconfont" size="26rpx" :color="theme.main_color"
						type="icon-zizhizhengshu"></uni-icons>
					<!-- <image src="../../static/zizhi.png" style="width: 20rpx;height: 22rpx;margin-right: 6rpx;"></image> -->
					<view>资质证书</view>
				</view>
			</view>
			<scroll-view class="mar-top20" style="white-space: nowrap;" scroll-x="true">
				<wsj v-if="list.length == 0" zs='0'></wsj>
				<block v-for="(item,index) in list" :key="index">
					<view class="poRel" @click.stop="tiaozhuan('/pages/technician/particulars?id='+item.id,1)" 
						style="width: 200rpx;height: 300rpx;margin-right: 5%;display: inline-block;">
						<image :lazy-load="true" :src="item.life_img?item.life_img:item.work_img" class="wh100 borRad10" mode="aspectFill"></image>
						<view class="poAbs dis disAl" style="bottom: 20rpx;left: 10rpx;">
							<!-- <image src="../../static/renzheng.png" style="width: 20rpx;height: 20rpx;"></image> -->
							<uni-icons custom-prefix="iconfont" size="26rpx" :color="theme.main_color"
								type="icon-renzhengpeizhi"></uni-icons>
							<view class="mar-left10 foSi20 coFFF">{{item.name}}</view>
						</view>
					</view>
				</block>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import wsj from '../common/w_sj.vue'
	export default {
		components: {
			wsj
		},
		props:{
			list: {
				type: Array,
				default: []
			}
		},
		data() {
			return {
				url: this.global.url,
				lists:[],
				theme: null
			}
		},
		created() {
			var that = this;
			that.theme = uni.getStorageSync('theme')
		},
		methods: {
			tiaozhuan(url,i) {
				var that = this
				if(i == 0){
					uni.switchTab({
						url: url
					})
				}else{
					uni.navigateTo({
						url: url
					})
				}
				// var userinfo = uni.getStorageSync('userinfo')
				// if(!userinfo && url == '/pages/index/activity'){
				// 	uni.switchTab({
				// 		url: '/pages/wode/wode'
				// 	})
				// }else{
				// 	uni.navigateTo({
				// 		url: url
				// 	})
				// }
			}
		}
	}
</script>

<style>
</style>